<template>
  <div class="flex flex-col min-h-screen overflow-hidden">
    <!-- Site header -->
    <Header />

    <!-- Page content -->
    <main class="grow">
      <ServicesBanner :params="bannerParams" />
      <Manufacturing />
      <Services />
      <Application />
      <WorkWithUS />
    </main>

    <!-- Site footer -->
    <Footer />
  </div>
</template>

<script setup>
import Header from '/src/components/common/Header.vue'
import Footer from '/src/components/common/Footer.vue'
import WorkWithUS from "../../../components/Home/WorkWithUS.vue";
import ServicesBanner from "../../../components/ServicesBanner.vue";
import Manufacturing from "/src/components/Services/Inspection/Security/Manufacturing.vue";
import Services from "/src/components/Services/Inspection/Security/Services.vue";
import Application from "/src/components/Services/Inspection/Security/Application.vue";

import banner from "/src/images/services/inspection/banner-security.webp";

const bannerParams = {
  imgUrl: banner,
  title: 'Security Industry',
}
</script>

<style scoped>
</style>
